VSCode 中使用typescript檢視output - Code Runner套件


Posted by mijouhsieh on 2024-01-01

tsc hello.ts

指令意思是,用 typescript compiler 去執行TypeScript的編譯器,編譯hello.ts 檔案,會 產生 hello.js檔案

// hello.ts
// 相減函式
function subtract (num1:number, num2: number) {
  return num1-num2
}
const total = subtract(5,3)
console.log(total)
// hello.js
// 相減函式
function subtract(num1, num2) {
    return num1 - num2;
}
const total = subtract(5, 3);
console.log(total);

Q: 要在哪邊才看到 console.log(total)的輸出結果?

1 安裝VSCode套件

vscode-extension-code-runner.png

2 在js檔 右鍵Run Code快捷鍵: ctrl+alt+n 或 右上角三角形按鈕

就會出現OUTPUT,console結果會在[Running]區塊

vscode-extension-run-code.png


#code runner #VSCode extension







Related Posts

Day07 從 React-router 看 History API

Day07 從 React-router 看 History API

網路的本質其實沒有你想的那麼難

網路的本質其實沒有你想的那麼難

【JS幼幼班】Step.05 基本語法:基本型別(空值、boolean、number)

【JS幼幼班】Step.05 基本語法:基本型別(空值、boolean、number)


Comments